@charset "utf-8";
@function v($p){
    @return $p/1920*100vw;
}
//动画
@mixin scaleBig{
    transform: scale(1.2);
    cursor: pointer;
}

//section 中部
section{
    padding: v(106) v(507) v(183);
    box-sizing: border-box;
    //标题
    .section_title{width: 100%;}
    .section_title_1st{
        text-align: center;
        >img{width: v(279);}
    }
    .section_title_2nd{
        >img{width: v(194);}
    }
    .section_title_3rd{;
        text-align: right;
        >img{width: v(261)};
    }
    //段落
    p{width: 100%;
        line-height: 20px;
        text-align: justify;
        margin: v(53) 0 v(77);}
    //图片
    .aboutor_pic,.design_pic{width: 100%;font-size: 0; margin-bottom: v(97);}
    .aboutor_pic{
        text-align: right;
        >div{display: inline-block;}
        .aboutor_pic_1st{
            width: 100%;
            margin-bottom: v(20);
            img{width: 100%;}
        }
        .aboutor_pic_2nd{
            width: v(313);
            img{width: 100%;}
        }
        .aboutor_pic_3rd{
            width: v(313);
            margin-left: v(20);
            img{width: 100%;}
        }
    }
    .design_pic{
        display: flex;
        justify-content: space-between;
        >div:nth-child(2){margin-left: v(20);}
        .design_pic_1st{
            width: v(549);
            img{width: 100%;}
        }
        .design_pic_2nd{
            width: v(313);
            margin-bottom: v(20);
            img{width: 100%;}
        }
        .design_pic_3rd{
            width: v(313);
            img{width: 100%;}
        }
    }
}
//底部图片
.section_footer{
    background: url(../img/2,10.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: v(993);
    position: relative;
    .section_footer_title>img{
        width:v(531);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(0%,-50%);
        margin: auto;
    }
}

//------------------------放大-动画
.aboutor_pic{
    .aboutor_pic_1st{
        overflow: hidden;
        img{transition: all 1s;}
        img:hover{ @include scaleBig}
    }
    .aboutor_pic_2nd{
        overflow: hidden;
        img{transition: all 1s;}
        img:hover{ @include scaleBig}
    }
    .aboutor_pic_3rd{
        overflow: hidden;
        transition:all 1s;
        img{transition: all 1s;}
        img:hover{@include scaleBig}
    }
    .aboutor_pic_3rd:hover{margin-left: v(10);}
}

.design_pic{
    .design_pic_1st{
        overflow: hidden;
        img{transition: all 1s;}
        img:hover{ @include scaleBig}
    }
    .design_pic_2nd{
        overflow: hidden;
        transition:all 1s;
        img:hover{ cursor: pointer;}
    }
    .design_pic_2nd:hover{margin-bottom: v(10);}
    
    .design_pic_3rd{
        overflow: hidden;
        img{transition: all 1s;}
        img:hover{@include scaleBig}
    }
}
//-----------------------/放大-动画
